<aside id="side-info">

    <div id="author" class="box">

        <header>About</header>

        <div class="o-list">written on <time>06-01</time></div>
        <div class="o-list">reviewed on <time>08-01</time></div>
            <div class="o-list">reviewed on <time>22-01</time></div>

    </div>

    <div id="actions">
        <a href="#" class="push">Add a comment</a>
        <a href="#" class="push">Make a review</a>
    </div>

</aside>


<div id="trick" class="box">

    <hgroup>
        <h1><strong>#125</strong> How to beat Rudy to death</h1>
    </hgroup>

    <div class="o-content">

        <h2>Subtitle 1</h2>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer et enim quis ligula suscipit ultrices.
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed pretium ultrices sodales.
            Proin lacinia auctor elit mollis vestibulum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
            Nam vel libero a orci vehicula ultrices in eu sapien. Sed iaculis ante et justo facilisis placerat.</p>

        <code class="php">
<pre>$html = new HTML();
$html->display();</pre>
        </code>

        <h2>Subtitle 2</h2>

        <p>Sed ut leo at tortor feugiat faucibus nec vel eros. Cras leo justo, feugiat viverra faucibus eget, posuere elementum diam.
            Nulla dolor ante, condimentum ut mollis non, sodales quis quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
            Nullam mollis posuere ultrices. Aenean tempor euismod porttitor. Ut molestie sapien sed lectus fringilla facilisis.</p>

        <code class="php">
<pre>$html = new HTML();
$html->display();</pre>
        </code>

        <p>Cras nec eros turpis, in pellentesque nunc. Mauris vulputate, mi non auctor porttitor, magna libero pretium nisl, ut ornare felis dolor non lorem.
            Integer eu tellus vel elit vestibulum sagittis. Duis pharetra, neque in interdum ullamcorper, mauris magna sodales mauris, eget imperdiet turpis ligula vel leo.
            Sed posuere convallis metus sed vestibulum. Etiam quis sapien ut risus faucibus laoreet. Proin in nibh ut metus tempor consectetur in ac leo.
            Vestibulum orci metus, bibendum a vestibulum eget, ultrices id diam.</p>

    </div>

</div>

<div id="comments" class="box">

    <header>Comments</header>

    <?php foreach(range(0,4) as $i): ?>
    <div class="o-list">
        <div class="avatar"></div>
        <time>il y a <?php echo $i; ?> minutes</time>
        <div class="username">Rudy</div>
        <div class="comment">Curabitur sit amet facilisis nisl. Integer ornare placerat sapien, vitae malesuada sapien laoreet vel. Praesent ut sapien eget turpis blandit mollis.</div>
    </div>
    <?php endforeach; ?>

</div>

<div id="comments-form" class="form box">

    <header>Add a comment</header>

    <div class="o-list">
        <div class="avatar"></div>
        <textarea></textarea>
        <input type="submit" value="Valider" class="right push" />
        <div class="clearfix"></div>
    </div>
</div>